<template>
  <div class="Son" @click="chuanzhi">
    <slot>{{ porps.item }}</slot>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const porps = defineProps(['item'])
const emit = defineEmits(['chuanzi'])
const zichuan = ref(porps.item.text)

const chuanzhi = () => {
  emit('chuanzi', zichuan.value)
}
</script>

<style lang="scss" scoped>
.Son {
  border: 1px solid skyblue;
  padding: 10px;
  margin: 10px 0px;
  box-sizing: border-box;
  border-radius: 5px;
}
</style>
